<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue Frame</title>
    <script src="//unpkg.com/vue@2.5.22/dist/vue.js"></script>
    <script src="//unpkg.com/vue-frame@1.0.6/dist/vue-frame.js"></script>
</head>
<body>


<div id="UApp">
    <template>
        <vue-frame text="Api Vue"
                   url="https://vuejs.org/v2/api" f
                   rame="myframe"
                   type="a">
        </vue-frame>
        <iframe id="myframe" width="800"></iframe>
    </template>
</div>

</body>
<script>
    var vueApp = new Vue({
        el: '#UApp',
        // router,
        components: {
            // VueFrame
        },
        mounted() {
            console.log('mounted');
        },
        data() {
            return {
                currentPage: 0,
                pageCount: 0,
                pdfUrl: 'https://www.nvidia.com/content/dam/en-zz/zh_cn/Solutions/Data-Center/tesla-v100/volta-v100-datasheet-update-a4-nv-636418-r4-lr.pdf',
            }
        },
        methods: {},
    });

    console.log('欢迎查看开发者Vue调试报告');
</script>
</html>
